<template>
	<view
		:style="{'height':navHeight+'px','display': 'flex','align-items': 'flex-end','padding-left': '15rpx','justifyContent':'space-between','background':'white'}">
		<image src='/static/index/index1.png' style="width: 138rpx;height: 110rpx;"></image>
		<view style="width: 35%;margin-bottom: 10rpx;padding-left: 30rpx;">{{barTitle}}</view>
		<view></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navHeight: ''
			};
		},
		/**
		 * 组件的属性列表
		 */
		props: {
			barTitle: {
				type: String,
				default: ''
			},
			paddingNum: {
				type: String,
				default: '0 30rpx'
			}
		},
		/**
		 * 组件的方法列表
		 */
		methods: {
			getSystemInfo: function() {
				let menuButtonObject = uni.getMenuButtonBoundingClientRect();
				var that = this;
				uni.getSystemInfo({
					success: function(res) {
						let statusBarHeight = res.statusBarHeight,
							navTop = menuButtonObject.top, //胶囊按钮与顶部的距离
							navHeight = statusBarHeight + menuButtonObject.height + (menuButtonObject.top -
								statusBarHeight) * 2; //导航高度
						that.navHeight = navHeight
					}
				});
			},
		},
		created() {
			this.getSystemInfo()
		}
	};
</script>
<style>
</style>